<template>
  <v-row no-gutters justify="center" class="mt-3">
    <v-col class="" cols="12" xl="8" lg="8" md="8" sm="12">
      <MainContent :maincontent="maincontent" :need_more="0" :is_open="1" />
    </v-col>
    <v-col class=" pl-4 item_sticky" cols="4" v-if="!this.$vuetify.breakpoint.smAndDown">
      <v-row>
        <v-col>
          <RelateSuggest />
        </v-col>
      </v-row>
      <v-row no-gutters class="pt-2">
        <v-col max-height="240" max-width="150" class="pt-0 pr-0">
          <v-img
            src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d5a8b29b500844a4b64a2d12c9b916ab~tplv-k3u1fbpfcp-watermark.image"
            width="100%"
          >
          </v-img>
        </v-col>
      </v-row>
    </v-col>
  </v-row>
</template>

<script>
import MainContent from '~/components/mistalk/MainContent'
import RelateSuggest from '~/components/talkdetail/RelateSuggest'

export default {
  transition: 'slide-left',
  components: { MainContent, RelateSuggest },
  data: () => ({
    selectedItem: 1,
    tBackgroundColor: 'blue-grey lighten-5',
    maincontent: {
      id: '1',
      avatar: 'https://cdn.vuetifyjs.com/images/lists/1.jpg',
      username: '杭州_阿里嘎巴创始人',
      sign: '码仔@阿里嘎巴创始人',
      time: '2小时前',
      content:
        'Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.',
      imgList: [
        'https://wx3.sinaimg.cn/mw690/005Khg5oly1gn5vtqehrij32c02c04qr.jpg',
        'https://wx1.sinaimg.cn/mw690/005Khg5oly1gn5vtrddptj32c02c04qr.jpg',
        // 'https://wx1.sinaimg.cn/mw690/005Khg5oly1gn19giyw82j31sc2dshdt.jpg',
        // "https://wx1.sinaimg.cn/mw690/005Khg5oly1gmumeozr8dj32a431gb29.jpg",
        // "https://wx3.sinaimg.cn/mw690/005Khg5oly1gmnnq70k1hj32c02c0b2a.jpg",
        // "https://wx3.sinaimg.cn/mw690/a66d0169ly1gkizwy7e3ej20u0140qva.jpg",
        // "https://wx4.sinaimg.cn/mw690/005Khg5ogy1gltjid4ytyj31sc2dsb2b.jpg",
        // "https://wx4.sinaimg.cn/mw690/005Khg5ogy1gltjimhjrtj31sc2dsb2b.jpg",
        // "https://wx3.sinaimg.cn/mw690/005Khg5ogy1gl1m5fqupsj30u00u07cq.jpg"
      ],
    },
  }),
  methods: {},
}
</script>

<style></style>
